<!--
  * 首页
  *
-->
<template>
  <!--下方左右布局-->
  <a-row :gutter="[10, 10]">
    <!--左侧-->
    <a-col :span="16">
      <a-row :gutter="[10, 10]">
        <!--待办任务-->
        <a-col :span="12">
          <TodoTaskList />
        </a-col>
        <a-col :span="12">
          <ManHoursCount />
        </a-col>
      </a-row>
    </a-col>
    <!--右侧-->
    <a-col :span="8">
      <a-row :gutter="[10, 10]">
        <!--任务进度-->
        <a-col :span="24">
          <TaskRateList />
        </a-col>
      </a-row>
    </a-col>
  </a-row>

  <a-row :gutter="[10, 10]">
    <!--左侧-->
    <a-col :span="24">
      <WeeklyMhSum />
    </a-col>
  </a-row>
</template>
<script setup lang="ts">
  import TodoTaskList from './todo-task-list.vue';
  import TaskRateList from './task-rate-list.vue';
  import ManHoursCount from './man-hours-count.vue';
  import WeeklyMhSum from './weekly-mh-sum.vue';
  defineExpose({});
</script>
<style lang="less" scoped>
  @import './index.less';
</style>
